<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>一加手机</title>
    <meta name="keyword" content="一加手机">
    <meta name="description" content="一家手机,首页">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="shortcut icon" href="favicon.ico">
    <script src="js/jquery-1.11.3.js"></script>
    <!-- <script src="js/jquery-1.11.3.min.js"></script> -->
    <link rel="stylesheet" href="css/header.css">
    <script src="js/header.js"></script>
    <!--<script src="js/sty.js"></script>-->

</head>
<body>
<div class="header-lei" id="headerLei">
    <div class="header-top-lei clearfix">
        <h1 class="logo-lei">
            <a href="#">
                <img src="imgs/logo.png" alt="" title="官网首页" />
            </a>
            <b>一加手机</b>
        </h1>
        <div class="nav-lei">
            <ul>
                <li><a href="oneplus.html">首页</a><i></i></li>
                <li class="product-show-lei"><a href="#">产品</a><i></i></li>
                <li class="shop-show-lei"><a href="goods.html">商城</a><i></i></li>
                <li><a href="serve.html">服务</a><i></i></li>
                <li><a href="#">博客</a><i></i></li>
                <li><a href="BBS.html">论坛</a><i></i></li>
                <li><a href="#">H2OS</a><i></i></li>
            </ul>
        </div>
        <div class="header-nav-lei">
            <ul>
                <li id="lione"></li>
                <li id="litwo"></li>
                <li id="lithree"></li>
            </ul>
        </div>
    </div>
    <!--头部底部隐藏框-->
    <div class="header-bottom-lei">
        <div class="header-product-lei product-show-lei" id="headerProduct">
            <ul>
                <li><a href=""><img src="imgs/product-01.jpg" alt=""/>

                    <p>一加手机111XX</p>
                </a></li>
                <li><a href=""><img src="imgs/product-02.jpg" alt=""/>

                    <p>一加手机222XX</p>
                </a></li>
                <li><a href=""><img src="imgs/product-03.jpg" alt=""/>

                    <p>一加手机333XX</p>
                </a></li>
                <li><a href=""><img src="imgs/product-04.jpg" alt=""/>

                    <p>一加手机444XX</p>
                </a></li>
                <li><a href=""><img src="imgs/product-05.jpg" alt=""/>

                    <p>一加手机555XX</p>
                </a></li>
                <li><a href=""><img src="imgs/product2-01.png" alt=""/>

                    <p>一加手机666XX</p>
                </a></li>
                <li><a href=""><img src="imgs/product2-02.png" alt=""/>

                    <p>一加手机777XX</p>
                </a></li>
                <li><a href=""><img src="imgs/product2-03.png" alt=""/>

                    <p>一加手机888X</p>
                </a></li>
                <li><a href=""><img src="imgs/product2-04.png" alt=""/>

                    <p>一加手机999XX</p>
                </a></li>
                <li><a href=""><img src="imgs/product2-04.png" alt=""/>

                    <p>一加手机010XX</p>
                </a></li>
            </ul>

        </div>
        <div class="arrow-lei product-show-lei">
            <span class="arrow-left-lei" id="arrLeft"></span>
            <span class="arrow-right-lei" id="arrRight"></span>
        </div>
        <div class="header-shop-lei shop-show-lei" id="headerShop">
            <ul>
                <li><a href="">
                    <img src="imgs/products01.png" alt=""/>

                    <p>选购一加手机X</p>
                </a></li>
                <li><a href=""><img src="imgs/products02.png" alt=""/>

                    <p>选购一加手机Y</p>
                </a></li>
                <li><a href=""><img src="imgs/products03.png" alt=""/>

                    <p>选购一加手机Z</p>
                </a></li>
                <li><a href=""><img src="imgs/products04.png" alt=""/>

                    <p>选购一加手机W</p>
                </a></li>
                <li><a href=""><img src="imgs/products05.png" alt=""/>

                    <p>一家生活馆</p>
                </a></li>
            </ul>
        </div>

    </div>


</div>
<!--侧部-->
<div class="box" id="bodybox">

    <div class="pic">

    </div>
    <div id="carbox" class="righcartbox">
        <div class="carword">
            <span class="vartopwordone">我的购物车</span>
            <span class="cartopwordtwo">全场满99免运费</span>
            <div class="carpic"></div>
            <div class="carwordtwo">
                <span class="carwordtwol">您的购物车里没有商品，</span>
                <a href="#" class="carwordtwor">去购物&gt</a>
            </div>

            <a href="#" class="carwordthree">全屏查看</a>

        </div>

    </div>
    <div id="personbox" class="rightpersonbox">
        <div class="personhead"></div>

        <input type="text" class="personname" value="手机、邮箱或用户名"/>
        <div class="mimalan">
            <input type="password" class="mima" />
            <span class="mimaval">密码</span>
            <input type="button" class="ok" value="登录"/>
        </div>



        <div class="okdown">
            <div class="okdownl">
                <span class="forgetword"><a href="#">忘记密码</a></span>
            </div>
            <div class="okdownr">
                <span class="jiantou">◆</span>
                <span class="zhuce"><a href="#">注册</a></span>
            </div>
        </div>


        <div class="fenge"></div>


        <div class="qx">
            <a href="#" class="q"></a>
            <a href="#" class="x"></a>
        </div>



    </div>
</div>
<div class="mask" id="mask"></div>
<!--BEG 头部部分-->
<div class="oneplusx">

    <!--导航栏navigation-->


    <!--图片-->
    <a href="#"><img src="images/oneplusx-pro-regular.jpg"> </a>

</div>
   <div class="alloneplus">
      <a href="#" ><img src="images/alloneplus23-regular.jpg"></a>

   </div>
<div class="bamboo">
    <a href="#"><img src="images/bamboo-regular.jpg"> </a>
</div>
<div class="black">
    <a href="#"><img src="images/black-regular.jpg">  </a>
</div>
<div class="jbl">
    <a href="#"><img src="images/jbl-regular.jpg"> </a>

</div>


    <!--BEG 头部部分结束-->

    <!--footer开始-->
<div class="footer">
    <!--foote-left开始-->
    <div class="footer-left">
        <div class="footer-menu">
             <ul>
                 <li><a href="#">零售店</a><i>|</i> </li>
                 <li><a href="#">帮助中心</a><i>|</i> </li>
                 <li><a href="#">关于我们</a><i>|</i> </li>
                <li><a href="#">加入我们</a><i>|</i> </li>
                <li><a href="#">网站地图</a><i></i> </li>
             </ul>
        </div>
        <div class=" copyright">
            <p>© 2013-2016 深圳市万普拉斯贸易有限公司 版权所有(粤ICP备13088308号-1)</p>
            <a href="#" ><img src="images/cnnic.png" class="copyright-1"></a>
            <a href="#" ><img src="images/sm_83x30.png" class="copyright-2"></a>
        </div>
   </div>
    <!--foote-left结束-->
    <!--foote-right开始-->
    <div class="footer-right">
        <div class="Service">
            <div class="Service-1"></div>
            <span>客服热线：400-888-1111</span>
            <div class="qq"></div>
            <a href="#"><span>在线客服</span></a>
        </div>
        <div></div>
    </div>
</div>
</body>
</html>